.stack{
    height: 300%;
  }
  
  .star {
    visibility: visible;
    Position: sticky;
    background-color: #ffffffb0;
    border: 0.2vw solid black;
    border-right: 1vw solid black;
    border-bottom: 1vw solid black;
    border-radius: 25px;
    color: #000;
    padding: 2%;
    text-align: center;
    font-size: 2vw;
    font-weight: bold;
    text-transform: none;

 

  }

  .star0 {
    top:20%;
    left:10%;
    width: 40%;

  }

  .star1 {
    top:22%;
    left:32%;
    width: 40%;
    
  
  }
  
  .star2 {
    top:24%;
    left:46%;
    width: 40%;
  
  }
  
  
  .textstar1 {
    visibility: visible;
    Position: sticky;
    top:23%;
    left:12%;
    width: 60%;
    background-color: rgb(0, 0, 0);
    color: rgba(255, 255, 255, 0.664);
    text-align: center;
    font-size: 1.5vw;
    padding: 3%;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 15px;
    z-index: 5;
    
  }
  .plus:hover {
    cursor: url(../arrowdownwhite.svg),auto;
  }
  .plus:hover i{
    transition: 1s linear;
    font-weight: 900;
    color: #fff;
 
  }
  .star4 {
    top: 29%;
      left: 26%;
      width: 40%;
 
  }
  .star5 {
    top: 29%;
      left: 9%;
      width: 40%;
 
  }
  .textstar2 {
    visibility: visible;
    Position: sticky;
    top: 59%;
    left: 27%;
    width: 60%;
    
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    font-size: 1.5vw;
    padding: 3%;
    text-align: center;

    border: 1px solid rgb(255, 255, 255);
    border-radius: 15px;
    z-index: 6;
  }
 

  
.star6 {
    top: 32%;
    left: 43%;
    width: 40%;

  }
  .star7 {

    top: 39%;
    left: 19%;
    width: 40%;
 
  }
  
  
  
  .star9 {
    top: 49%;
    left: 31%;
    width: 40%;
   
  }
  .star10 {

    top: 49%;
      left: 18%;
      width: 40%;
  
  }
  .textstar3 {
    visibility: visible;
    Position: sticky;
    top: 43%;
      left: 17%;
      width: 54%;
    
    background-color: rgb(0, 0, 0);
    color: rgba(255, 255, 255, 0.664);
    text-align: center;
    font-size: 1.5vw;
    padding: 3%;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 15px;
    z-index: 6;
    
  }
  
  
  
  .star11 {

    top: 44%;
      left: 47%;
      width: 40%;
      
 
  }
  .star12 {

    top: 52%;
      left: 40%;
      width: 40%;

  }
  .textstar4 {
    visibility: visible;
    Position: sticky;
    top: 31%;
      left: 65%;
      width: 25%;
    
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    text-align: center;
    font-size: 1.5vw;
    padding: 3%;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 15px;
    z-index: 6;
  
    
  }
  
  
  
  
  .star13 {
    top: 57%;
      left: 11%;
    width: 40%;

  }

  .star14 {
    top: 65%;
    left: 7%;
    width: 40%;

  }
  .star15{
    top: 71%;
      left: 20%;
      width: 40%;
  
  }
  
  
  
  
  
  
  .star16 {

    top:20%;
    left:18%;
    width: 40%;

  }

  .star17 {
    top:22%;
    left:32%;
    width: 40%;

  }
  
  .star18 {
    top: 26%;
      left: 14%;
    width: 40%;
   
  }
  .star19 {
    top: 27%;
      left: 45%;
    width: 40%;
    
  }
  
  
  .star20 {
    top: 32%;
      left: 43%;
      width: 40%;

  }
  .star21 {
    top: 35%;
      left: 21%;
      width: 40%;
  
  }
  
  
  .textstar5 {
    visibility: visible;
    Position: sticky;
    top: 24%;
      left: 22%;
    width: 60%;
    
    background-color: rgb(0, 0, 0);
    color: rgba(255, 255, 255, 0.664);
    text-align: center;
    font-size: 1.5vw;
    padding: 3%;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 15px;
    z-index: 6;
    
  }
  
  .stack2{
    height: 240%;
  }
  

  

.star22 {
    top:20%;
    left:19%;
      width: 40%;
 
  }

  .star23 {
    top:22%;
    left:32%;
    width: 40%;
   
  }
  
  .star24 {
    top:26%;
    left:16%;
    width: 40%;
    
  }
  .star25 {
  
    top:30%;
    left:45%;
    width: 40%;

  }
  
  .star26 {
    top: 40%;
      left: 36%;
      width: 40%;
    
  }
  .star27 {
    top: 37%;
      left: 18%;
      width: 40%;
   
  }
  
  
  .textstar6 {
    visibility: visible;
    Position: sticky;
    top: 24%;
      left: 22%;
    width: 60%;
    
    background-color: rgb(0, 0, 0);
    color: rgba(255, 255, 255, 0.664);
    text-align: center;
    font-size: 1.5vw;
    padding: 3%;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 15px;
    z-index: 6;
    
    
  }
  
  .stack3{
    height: 1400px;
  }
  
  
.star29 {
    top:20%;
    left:10%;
    width: 40%;
  
  
    
  }
  .star30 {

    top:22%;
    left:32%;
    width: 40%;
   
  }
  
  .star31 {
    top:31%;
    left:26%;
    width: 40%;
  
  }
  .star32 {
    top:34%;
    left:9%;
    width: 40%;

  }
  
  
  .star33 {
    top: 45%;
      left: 14%;
      width: 40%;

  }
  .star34 {
    top: 54%;
      left: 43%;
      width: 40%;
  
  }
  
  
  .textstar8 {
    visibility: visible;
    Position: sticky;
    top: 24%;
    left: 15%;
    width: 42%;
    background-color: rgb(0, 0, 0);
    color: rgba(255, 255, 255, 0.664);
    text-align: center;
    font-size: 1.5vw;
    padding: 3%;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 15px;
    z-index: 6;
    
  }
  .textstar9{
    visibility: visible;
    Position: sticky;
    top: 39%;
      left: 50%;
    width: 42%;
    background-color: rgb(0, 0, 0);
    color: rgba(255, 255, 255, 0.664);
    text-align: center;
    font-size: 1.5vw;
    padding: 3%;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 15px;
    z-index: 6;
    
  }
  
  .star35 {
    top: 47%;
      left: 30%;
      width: 40%;

  }
  .star36 {
    top: 60%;
      left: 42%;
      width: 40%;

  }
  
  .stack4{
    height: 2000px;
  }
  

  .star37 {
    top:20%;
    left:17%;
    width: 40%;

  
    
  }
  .star38 {
    top:27%;
    left:13%;
    width: 40%;

  }
  
  
  
  .star41 {
    top: 39%;
      left: 36%;
      width: 40%;

  }
  .star42 {
    top: 43%;
      left:44%;
      width: 40%;

  }
  
  
  .textstar10 {
    visibility: visible;
    Position: sticky;
    top: 22%;
    left: 20%;
    width: 42%;
    background-color: rgb(0, 0, 0);
    color: rgba(255, 255, 255, 0.664);
    text-align: center;
    font-size: 1.5vw;
    padding: 3%;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 15px;
    z-index: 6;
    
  }
  .textstar11{
    visibility: visible;
    Position: sticky;
    top: 47%;
    left: 39%;
    width: 42%;
    background-color: rgb(0, 0, 0);
    color: rgba(255, 255, 255, 0.664);
    text-align: center;
    font-size: 1.5vw;
    padding: 3%;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 15px;
    z-index: 6;
    
  }
  
  .star43 {
    top: 50%;
      left: 25%;
      width: 40%;
  
  }
  .star44{
    top: 57%;
      left: 30%;
      width: 40%;

  }
  
  .stack5{
    height: 2500px;
  }

       
.star45 {
    top:20%;
    left:21%;
    width: 40%;
 
  
    
  }
  .star46 {
    top:25%;
    left:13%;
    width: 40%;

  }
  
  
  
  .star47 {
    top: 28%;
      left: 42%;
      width: 40%;

  }
  .star48 {
    top: 33%;
      left: 39%;
      width: 40%;

  }
  
  
  .textstar12 {
    visibility: visible;
    Position: sticky;
    top: 22%;
    left: 23%;
    width: 53%;
    background-color: rgb(0, 0, 0);
    color: rgba(255, 255, 255, 0.664);
    text-align: center;
    font-size: 1.5vw;
    padding: 3%;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 15px;
    z-index: 6;
    
  }
  
  .star49{
    top: 41%;
      left: 20%;
      width: 40%;

  }
  .star50{
    top: 45%;
      left: 30%;
      width: 40%;
  
  }
  
  .stack6{
    height: 2500px;
  }
  
  
  
  .star51 {
    top:20%;
    left:21%;
    width: 40%;

  }

  .star52{
    top:29%;
    left:13%;
    width: 40%;

  }
  
  
  
  .star53 {
    top: 29%;
      left: 36%;
      width: 40%;

  }
  .star54 {
    top: 34%;
      left:44%;
      width: 40%;

  }
  
  
  .textstar14 {
    visibility: visible;
    Position: sticky;
    top: 22%;
    left: 23%;
    width: 42%;
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    text-align: center;
    font-size: 1.5vw;
    padding: 3%;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 15px;
    z-index: 6;
    
  }
  .textstar15{
    visibility: visible;
    Position: sticky;
    top: 33%;
    left: 45%;
    width: 42%;
    background-color: rgb(0, 0, 0);
    color: rgba(255, 255, 255, 0.664);
    text-align: center;
    font-size: 1.5vw;
    padding: 3%;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 15px;
    z-index: 6;
    
  }
  
  .textstar16{
    visibility: visible;
    Position: sticky;
    top: 50%;
    left: 30%;
    width: 42%;
    background-color: rgb(0, 0, 0);
    color: rgba(255, 255, 255, 0.664);
    text-align: center;
    font-size: 1.5vw;
    padding: 3%;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 15px;
    z-index: 6;
    
  }
  
  
.star55 {
    top: 39%;
      left: 20%;
      width: 40%;

  }
  .star56{

    top: 50%;
      left: 23%;
      width: 40%;

  }
  .star57 {
    top: 50%;
      left: 50%;
      width: 40%;

  }
  .star58{

    top: 63%;
      left: 37%;
      width: 40%;

  }
  
  .stack7{
    height: 3500px;
  }